<template>
  <!--面包屑导航-->
  <el-breadcrumb :separator-icon="ArrowRight">
    <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
    <el-breadcrumb-item>
      <slot name="firstTitle"></slot>
    </el-breadcrumb-item>
    <el-breadcrumb-item>
      <slot name="secondTitle"></slot>
    </el-breadcrumb-item>
  </el-breadcrumb>
</template>

<script setup>
import { ArrowRight } from '@element-plus/icons-vue'

</script>

<style scoped lang="scss">
  .el-breadcrumb {
    margin-bottom: 15px;
  }
</style>
